@layout("/common/container.html", {"title" : "流程跟踪", "plugin": "dropzone"}){
<div class="container">
    <div class="card">
        <#card:head title="流程跟踪" icon="la la-bars"/>
        <div class="card-body">
            <div class="e-section e-section--last">
                <h3 class="e-section-title">
                    审核进度
                </h3>
                <div class="e-section-content">
                    <img class="e-block-center" style="display: block;width: 60%;height: auto;" src="${ctxPath}/auth/activiti/process/trace/process/progress/image/${executionId}">
                </div>
            </div>
            <div class="e-section e-section--last">
                <div class="e-separator e-separator--dashed"></div>
                <h3 class="e-section-title">
                    流程历史活动记录
                </h3>
                <div class="e-section-content historic-section"></div>
            </div>
            <!-- 管理员查阅 -->
            <div class="e-section e-section--last section-variable e-hide">
                <div class="e-separator e-separator--dashed"></div>
                <h3 class="e-section-title">
                    相关变量
                </h3>
                <div class="e-section-content variable-section"></div>
            </div>
        </div>
    </div>
</div>

<script>
    /**
     * 执行实例ID
     */
    let executionId = '${executionId}';

    /**
     * 流程实例ID
     */
    let processInstanceId = '${processInstanceId}';

</script>
<!--begin::页面脚本 -->
<#script src="static/modular/activiti/process/trace/progress.js" />
<#script src="static/modular/activiti/process/work-flow.js" />
<!--end::页面脚本 -->
@}